<template>
  <div>
    <NuxtLayout name="common" v-if="showLayout">
      <NuxtPage />
    </NuxtLayout>
    <NuxtPage v-else />
  </div>
</template>
<script setup>
import { ref } from "vue";
import { useRouter, useRoute } from "vue-router";

const route = useRoute();
const showLayout = computed(() =>  !(["/login", "/register", "/forgot-password"].includes(route.path)));
</script>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
}
nav ul li {
  display: inline;
}
nav ul li a {
  text-decoration: none;
  color: #333;
}
</style>